import styles from '../../index.less';
import React, { useState, useEffect, memo } from 'react';
import kls from 'classnames';
import { Tabs, Table } from 'antd';
// import { CloseOutlined, PhoneOutlined, EnvironmentOutlined } from '@ant-design/icons';
// import layerUtils from '@/utils/arcgis/layer/index';
// import { jsapi, viewUtils } from '@/utils/arcgis';
// const { TabPane } = Tabs;

const columns = [
  {
    title: '磅单号',
    dataIndex: 'cNo',
    width: 150,
  },
  {
    title: '车号',
    dataIndex: 'cheHao',
    width: 150,
  },
  {
    title: '业务类别',
    dataIndex: 'cYwlb',
  },
  {
    title: '货物名称',
    dataIndex: 'cHw',
  },
  {
    title: '净重',
    dataIndex: 'jz',
  },
  {
    title: '结算重量',
    dataIndex: 'fJszl',
  },
  {
    title: '结算单位',
    dataIndex: 'zldw',
  },
];

const data = [];
for (let i = 0; i < 100; i++) {
  data.push({
    key: i,
    cNo: `3812638`,
    cheHao: '沪A 213871',
    cYwlb: `类型-1`,
  });
}

function Weighbridge({ data }) {
  console.log('Weighbridge---------', data);
  return (
    <Table
      columns={columns}
      size="small"
      dataSource={data}
      pagination={false}
      scroll={{ y: 180 }}
    />
  );
}

export default Weighbridge;
